.m-auth{
  .tab{
    overflow: hidden;
    text-align: center;
    font-size: 20px;
    margin-bottom: 30px;
    li{
      display: inline-block;
      cursor: pointer;
      width: 3em;
      padding-top: 10px;
      &.active{
        color: $active;
        text-decoration: underline;
      }
    }
  }
  .alert{
    font-size: 12px;
    color: red;
    text-align: right;
  }
  form{
    width: 320px;
    .label-wrap{
      padding-top: 6px;
    }
    input, select{
      outline: none;
      border-radius: 3px;
      border: 1px #ccc solid;
      width: 100%;
      padding: 7px 5px;
    }
    select{
      height: 30px;
    }
    .remember{
      text-align: left;
      padding-left: 73px;
      input{
        width: auto;
        vertical-align: middle;
        margin-right: 5px;
      }
      .line{
        padding: 0 15px;
      }
    }
    
  }
  .others{
    width: 250px;
    margin-bottom: 100px;
    img{
      width: 30px;
    }
    .title{
      padding: 15px 0;
    }
  }
  .forget{

  }
  .signup{
    .agreement{
      padding: 0 30px 50px 30px;
      min-height: 500px;
      overflow: auto;
      height: 800px;
      h2{
        margin-bottom: 0.5em
      }
      p{
        margin-bottom: 2em;
      }
      ol, ul{
        padding-left: 2em;
      }
      ol{
        li{
          list-style: lower-alpha;
        }
      }
      ul{
        li{
          list-style: disc;
        }
      }
    }
    form{
      width: 65%;
      margin: 0 auto;
      .form-item{
        margin-bottom: 10px;
        overflow: hidden;
        .w-50{
          width: 35%;
        }
        .g-color-red{
          padding-right: 1em;
          transform: scale(2);
          display: inline-block;
          transform-origin: 0 26% 0;
        }
        .born-tip{
          clear: both;
          padding-left: 35%;
          line-height: 14px;
          h6{
            padding-top: 5px;
            padding-bottom: 5px;
          }
        }
        label{
          width: 35%;
          float: left;
          text-align: right;
          padding-right: 2em;
          padding-top: 5px;
        }
        &>input, &>select, &>.input-wrap{
          float: left;
          width: 65%;
          font-size: 12px;
          &.w-50{
            width: 32.5%;
          }
          &.w-25{
            width: 15%;
            margin-right: 5px;
          }
        }
      }
      .captcha-wrap{
        img{
          width: 78px;
          margin-bottom: -10px;
          margin-right: 10px;
          border: 1px #ccc solid;
          padding: 5.3px 5px;
        }
        input{
          width: auto;
        }
      }
      .radio-wrap{
        input{
          width: auto;
          float: none;
          margin-right: 5px;
        }
        .radio-item{
          padding-left: 20%;
        }
        .g-color-red{
          transform: none;
          padding: 0;
        }
      }
    }
    @media (max-width: $xsWidth) {
      .signup-form form{
        width: 90%;
        .born-tip{
          padding-left: 0;
        }
        label, input, select, .input-wrap{
          float: none;
          width: 100%;
          &.w-50{
            width: 100%;
          }
          &.w-25{
            width: 100%;
            margin-bottom: 5px;
          }
        }
        .radio-wrap{
          input{
            width: auto;
            float: none;
            margin-right: 5px;
          }
          .radio-item{
            padding-left: 0%;
          }
          .g-color-red{
            transform: none;
            padding: 0;
          }
        }
        .captcha-wrap{
          img{
            // margin-bottom: 5px;
          }
          input{
            width: 40%;
          }
        }
      }
    }
  }

  .pay{
    max-width: 480px
    margin: 0 auto
    .row{
      margin-bottom: 5px;
    }
    .col-xs-5{
      text-align: right;
    }
    .pay-type{
      .line{
        display: flex;
        align-items: center;
        margin-bottom: 15px;
        input{
          margin-right: 10px;
        }
        img{
          width: 120px;
        }
        
      }
    }
    .submit-wrap{
      padding-top: 15px;
      button{
        width: 100%;
        max-width: 180px;
        height: 30px;
      }
    }
  }
}

@media (max-width: $xsWidth) {
  .signin{
    form{
      width: 90%;
      text-align: left;
    }
  }
}


